import Title from './components/Title';
import Input from './components/Input';
import Kelvin from './components/Kelvin';
import Fahrenheit from './components/Fahrenheit';
import './App.less';

function App() {
  return (
    <div className="App">
      <Title render={() => <h1>✨ First render prop! ✨</h1>} />
      <h1>☃️ Temperature Converter 🌞</h1>
      <Input>
        {(value: string) => (
          <>
            <Kelvin value={value} />
            <Fahrenheit value={value} />
          </>
        )}
      </Input>
    </div>
  );
}
export default App;
